<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>imageThinking</title>
    <link href="../../../static/css/bootstrap.css" type="text/css" media="screen" rel="stylesheet"/>
    <link href="../../../static/css/bootstrap-xadmin.css" type="text/css" media="screen" rel="stylesheet"/>

    <link rel="stylesheet" type="text/css" href="../../../static/css/dateRange.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/css/monthPicker.css"/>
    <link href="../../../static/css/set-meal.css" type="text/css" media="screen" rel="stylesheet"/>
    <style type="text/css">
        body.dashboard {
            background-color: #FBFBFB;
            /*font-family: "-apple-system-font,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif";*/
            font-family: 400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
        }

        ul, li {
            list-style: none;
        }

        a {
            color: #606266;
            display: block;
            text-decoration: none !important;
        }

        a:hover, a:focus {
            /*color: #428bca;*/
            color: #606266;
        }

        hr {
            margin: 20px 0px 10px;
        }

        input {
            outline：none !important;
            padding: 0;
        }

        input:hover, input:focus {
            outline：none !important;
            border: none;
        }

        .padding-left05 {
            margin-left: 10px;
        }

        .mian-width {
            width: 1300px;
            margin: 0 auto;
        }

        .fs12 {
            font-size: 12px;
        }

        .fs14 {
            font-size: 14px;
        }

        .fs16 {
            font-size: 16px;
        }

        .fw700 {
            font-weight: 700;
        }

        .c3 {
            color: #606266;
        }

        .navbar-brand {
            padding: 7px 0;
        }

        .navbar {
            margin-bottom: 0;
        }

        .navbar-collapse {
            padding-left: 0px;
            padding-right: 0px;
        }

        .btn-login {
            border: 1px solid #fff;
            margin-right: 18px;
            padding: 5px 0 !important;
            text-align: center;
            color: #fff !important;
            width: 80px;
            font-size: 14px;
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            border-color: #dcdfe6;
            -webkit-appearance: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            outline: none;
            -webkit-transition: .1s;
            transition: .1s;
            font-weight: 500;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            border-radius: 4px;
            margin-top: 14px;
        }

        .btn-login:hover {
            background-color: #fff !important;
            color: #525cdc !important;
        }

        .btn-register:hover {
            background-color: #757de3 !important;
            color: #fff !important;
        }

        .btn-register {
            background-color: #525cdc;
            border-color: #525cdc;
        }

        .auth-body-warp {
            display: none;
        }

        .auth-body {
            background-color: rgba(0, 0, 0, 0.8);
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1030;
            display: flex;
            align-items: center;
        }

        .body-middle {
            width: 100%;
            margin: 0 auto;
        }

        .body-middle form {
            display: flex;
            text-align: center;
            align-items: center;
        }

        .top-img {
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        .panel-wrapper {
            width: 100%;
        }

        .panel {
            background-color: #fff;
            width: 440px;
            max-width: 100%;
            border: 1px solid #eee;
            border-radius: 10px;
            z-index: 100;
            padding: 30px 60px;
            margin: 20px auto;
        }

        .body-content {
            width: 1300px;
            margin: 75px auto 0;
        }

        .grabble {
            width: 100%;
        }

        .grabble-left {
            width: 80%;
            float: left;
            position: relative;
        }

        .grabble .grabble-input {
            width: 100%;
            height: 40px;
            padding: 0;
            text-indent: 1em;
            border: 1px solid #dcdfe6;
            border-radius: 5px;
        }

        .grabble-rigth {
            width: 18%;
            float: left;
            margin-left: 17px;
        }

        .grabble-button {
            display: inline-block;
            height: 40px;
            width: 100%;
            color: #fff;
            padding: 0;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            border-radius: 5px;
        }

        .show-module {
            width: 100%;
            margin-left: -10px;
            position: relative;
        }

        .show-module li.outer-li {
            width: 206px;
            float: left;
            font-size: 14px;
            margin-left: 10px;
            margin-top: 20px;
            text-align: center;
            cursor: pointer;
            border-radius: 5px;
            position: relative;
        }

        .show-module li.outer-li a {
            height: 40px;
            border: 1px solid #dcdfe6;
            line-height: 40px;
            border-radius: 5px;
        }

        .select-a {
            text-align: left;
            text-indent: 0.5em;
            background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
            background-size: 15px 8px;
            color: #606266;
        }

        .select-ul {
            position: absolute;
            top: 35px;
            width: 100%;
            margin: 10px auto;
            padding: 0;
            background-color: #fff;
            max-height: 300px;
            border: 1px solid #f5f7fa;
            border-radius: 5px;
            -moz-box-shadow: 2px 2px 13px #919191;
            -webkit-box-shadow: 2px 2px 13px #919191;
            box-shadow: 2px 2px 13px #919191;
            overflow-y: auto;
            z-index: 100;
            display: none;
            color: #606266;
        }

        .select-ul li {
            height: 40px;
            line-height: 40px;
        }

        .select-ul li:hover {
            background-color: #f5f7fa;
        }

        .content-middle-ul {
            width: 100%;
            margin-top: 20px;
        }

        .margin-top0 {
            margin-top: 0;
        }

        .li-titel {
            font-weight: 600;
            font-size: 20px;
        }

        .li-heat {
            text-align: left;
        }

        .close-img {
            float: right;
            width: 30px;
            height: 30px;
            margin-right: -45px;
            margin-top: -10px;
        }

        .user-information {
            overflow: hidden;
            margin: 10px auto 0;
        }

        .user-information img {
            border-radius: 100%;
        }

        .user-color {
            color: #fff;
            text-align: center;
            font-size: 16px;
            line-height: 29px;
            float: right;
        }
        .vip-ico{
            position: relative;
            top: 8px;
            left: -6px;
        }

        .grabble-select {
            width: 85px;
            position: absolute;
            top: 0px;
            min-height: 40px;
            left: 0px;
            background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
            background-size: 15px 8px;
            padding: 0;
            border-right: 1px solid #dcdfe6;
        }

        .grabble-select .outer-li {
            position: relative;
            min-height: 40px;
        }

        .grabble-select .outer-li .select-a {
            cursor: pointer;
            height: 40px;
            line-height: 40px;
        }

        .grabble-select .outer-li .select-ul {
            text-align: center;
            z-index: 110;
        }

        .head-content {
            color: #606266;
            margin: 10px auto;
        }

        .new-head-content {
            color: #606266;
            margin: 10px auto 15px;
        }

        .single-page {
            position: absolute;
            width: 315px;
            padding: 15px 15px 0 15px;
            margin: 10px 10px 10px 0;
            border: 1px solid #d4d4d4;
            background-color: #fff;
            border-radius: 5px;
        }

        .mian-img-div {
            width: 100%;
            text-align: center;
            border: 1px solid #ccc;
            margin: 0px auto;
            border-radius: 5px;
            -moz-box-shadow: 2px 2px 15px #c1c1c1;
            -webkit-box-shadow: 2px 2px 15px #c1c1c1;
            box-shadow: 2px 2px 15px #c1c1c1;
        }

        .mian-img {
            width: 96%;
            margin: 5px auto;
        }

        img.head-logo {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 0px auto;
        }

        .head-content span {
            display: inline-block;
            height: 20px;
            margin-right: 10px;
            font-size: 12px;
        }

        span.span-right {
            cursor: pointer;
            text-align: right;
        }

        .heat-img {
            height: 15px;
            margin-top: -1px;
        }

        .clear {
            clear: both
        }

        a.select-a:hover, a.select-a:focus {
            color: #333;
        }

        .collect-button {
            text-align: right;
        }

        .a-button {
            display: inline-block;
            width: 65px;
            height: 25px;
            border: 1px solid #d8d8d8;
            text-align: center;
            line-height: 25px;
            font-size: 12px;
            color: #606266;
            border-radius: 5px;
            margin-right: 10px;
        }

        .outer-li-alone input {
            width: 100%;
            height: 99%;
            border: none;
            opacity: 0;
        }

        .label-explain {
            width: 100%;
        }

        .label-explain-title {
            width: 50px;
            float: left;
            margin-top: 10px;
        }

        .label-explain-content {
            width: 90%;
            float: left;
        }

        .label-explain-content .span {
            color: #7c6fab;
            background-color: #e2e7ff;
            border: 1px solid #d8d8d8;
            padding: 1px 10px;
            border-radius: 50px;
            display: inline-block;
            margin-top: 10px;
            margin-left: 5px;
        }

        .label-explain-content span img {
            margin-left: 5px;
            cursor: pointer;
        }

        .calendar-bg {
            background: url(../../../static/images/calendar.png) no-repeat 23px center;
        }
        .navbar-brand img{
        display: block;
          height: 26px;
      }
      .navbar-brand i{
          display: block;
          font-family: 黑体;
          font-size: 14px;
          letter-spacing: 17px;
          color: #fff;
      }
    </style>

</head>

<body class="dashboard">
<div id="top-nav" class="navbar navbar-xs navbar-inverse navbar-fixed-top">
    <div class="mian-width">
        <div class="navbar-header">
            <a class="navbar-brand" href="/index"><img src="../../../static/images/icon.png"
                                                       style="margin-right: 5px"/><i>优化师加速器</i></a>
        </div>
        <div class="navbar-collapse collapse" id="login_ul">
            <ul class="nav navbar-nav pull-right" id="loginUl" style="display: block;">
                <li class="dropdown g-theme">
                    <a class="btn-login" id="btnLogin">
                        登录
                    </a>

                </li>
                <li class="dropdown g-theme">
                    <a class="btn-login btn-register" id="btnRegister" style="margin-right: 10px;">
                        注册
                    </a>

                </li>

            </ul>

            <ul class="nav navbar-nav pull-right" style="display:none;position: relative;margin-right: 8px;"
                id="userList">
                <li class="dropdown user-information" style="cursor:pointer;margin-top: 15px">
                    <img src="../../../static/images/head.png" style="width: 30px;height: 30px;" id="show_list"/>
                    <img class="vip-ico" src="../../../static/images/vip.png" alt="">
                    <div class="user-color" id="company_name"></div>
                </li>
                <ul style="display:none;position: absolute;padding: 0;background-color: #fff;max-height: 300px;border: 1px solid #f5f7fa;border-radius: 5px;-moz-box-shadow:2px 2px 13px #919191; -webkit-box-shadow:2px 2px 13px #919191; box-shadow:2px 2px 13px #919191;overflow-y: auto;z-index: 100;color: #606266;width: 150px;text-align: center;left:-46px;top:65px;"
                    id="buttonList">
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="user_page">
                            <img src="../../../static/images/YHXX.png"/>
                            用户信息
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="collect_page">
                            <img src="../../../static/images/sc.png"/>
                            收藏列表
                        </a>
                    </li>
                     <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="order_page">
                            <img src="../../../static/images/order.png"/>
                            充值记录
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;cursor:pointer;" id="out">
                        <a style="display: block;">
                            <img src="../../../static/images/TCDL.png"/>
                            退出登录
                        </a>
                    </li>
                </ul>

            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/purchase_page" target="_blank" class="btn-login set-meal">
                        价格套餐
                    </a>

                </li>
            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/product_introduction" target="_blank" class="btn-login set-meal">
                        产品介绍
                    </a>

                </li>
            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/show_ad_school" target="_blank" class="btn-login set-meal">
                        知识学院
                    </a>

                </li>
            </ul>

        </div>
    </div>
</div>

<!--中间-->
<div style="background-color: #fff;width: 100%;">
    <div class="body-content" style="margin: 0px auto 0;padding-bottom: 20px;padding-top: 80px;">
        <div class="body-content-top">
            <div class="grabble">
                <div class="grabble-left">
                    <input type="text" Placeholder="输入你要找的东西" class="grabble-input"/>
                    <ul class="grabble-select" style="display: none;">
                        <li class="outer-li ">
                            <a class="select-a">
                                <span>广告位置</span>
                            </a>
                            <ul class="select-ul">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <div style="width: 100%;height:40px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 100;display: none;"></div>
                        </li>
                    </ul>
                </div>
                <div class="grabble-rigth">
                    <a class="grabble-button btn-register" id="search_ad">搜索</a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <ul class="show-module" id="showModule">
            <li class="outer-li">
                <a class="outer-li-alone calendar-bg" id="date1">
                    广告发布时间
                </a>
                <a class="opt_sel" id="input_trigger1" style="display: none;">
                    <i class="i_orderd"></i>
                </a>

            </li>
            <li class="outer-li">
                <a class="outer-li-alone calendar-bg" id="date2">
                    广告发现时间
                </a>
                <a class="opt_sel" id="input_trigger2" style="display: none;">
                    <i class="i_orderd"></i>
                </a>
                </a>
            </li>
            {#        <li class="outer-li">#}
            {#            <a class="select-a">#}
            {#                <span id="industry">行业</span>#}
            {#            </a>#}
            {#            <ul class="select-ul">#}
            {#                <li>行业</li>#}
            {#                <li>电商</li>#}
            {#                <li>金融</li>#}
            {#                <li>游戏</li>#}
            {#                <li>房产</li>#}
            {#                <li>生活服务</li>#}
            {#                <li>教育学习</li>#}
            {#                <li>招商加盟</li>#}
            {#                <li>家具装修</li>#}
            {#            </ul>#}
            {#        </li>#}
            <li class="outer-li">
                <a class="select-a">
                    <span id="app_from">平台</span>
                </a>
                <ul class="select-ul">


                </ul>
            </li>
            {#        <li class="outer-li">#}
            {#            <a class="select-a">#}
            {#                <span id="put_type">投放类型</span>#}
            {#            </a>#}
            {#            <ul class="select-ul">#}
            {#                <li>投放类型</li>#}
            {#                <li>图文</li>#}
            {#                <li>视频</li>#}
            {#            </ul>#}
            {#        </li>#}
            {#        <li class="outer-li">#}
            {#            <a class="select-a">#}
            {#                <span id="put_goal">投放目标</span>#}
            {#            </a>#}
            {#            <ul class="select-ul">#}
            {#                <li>投放目标</li>#}
            {#                <li>下载</li>#}
            {#                <li>注册</li>#}
            {#                <li>加粉</li>#}
            {#                <li>表单</li>#}
            {#                <li>产品销售</li>#}
            {#            </ul>#}
            {#        </li>#}
            {#        <li id="forbid_li"#}
            {#            style="width: 1290px;height:80px;position: absolute;top: 5px;left: 0;background-color: rgba(0,0,0,0.3);z-index: 100;margin-left:10px;"></li>#}
        </ul>
        <div class="clear"></div>
        <hr style="display: none;width: 1290px" id="partitionLine"/>
        <div class="label-explain" id="labelExplain" style="display: none;">
            <div class="label-explain-title">标签：</div>
            <div class="label-explain-content">

            <span class="fs12" id="foundTime">

            </span>
                <span class="fs12" id="finallyTime"></span>
                <!--<span class="fs12">广告发布时间：2010/10/10 <img src="../../../static/images/x.png"/></span>-->
                <!--<span class="fs12">广告发布时间：2010/10/10 <img src="../../../static/images/x.png"/></span>-->


            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<hr style="margin: 0 auto;"/>
<div class="clear"></div>
<div class="" style="width: 1300px;margin: 30px auto 0;font-size: 12px;" id="all_count">
</div>

<div class="body-content margin-top0" style="display: block;">
    <div class="body-content-middle">
        <div class="content-middle-ul" id="list-ul">

        </div>
    </div>
</div>


<style type="text/css">
    .logo-img-parent {
        text-align: center;
        margin: 14px auto;
    }

    .logo-img-parent img {
        width: 250px;
        height: 40px;
    }

    .mian-bg-wf {
        width: 480px;
        background-color: #fff;
        margin: 0px auto 0;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }

    .mian-bg-wf-close {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .mian-bg-wf-top {
        width: 275px;
        height: 46px;
        border-radius: 20px;
        border: 1px solid #999;
        margin: 55px auto 30px;
        text-align: center;
    }

    .tacitly-style {
        color: #999;
        display: inline-block;
        width: 50%;
        float: left;
        line-height: 45px;
        cursor: pointer;
        font-size: 14px;
    }

    .pitch-bg {
        background-color: #999;
        color: #fff;
    }

    .left-top-radius20 {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .right-top-radius20 {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .company-name {
        width: 20px;
        height: 18px;
        background: url(../../../static/images/company_name.png);
    }

    .person-head-img {
        width: 19px;
        height: 18px;
        background: url(../../../static/images/head_img.png);
    }

    .person-phone {
        width: 14px;
        height: 20px;
        background: url(../../../static/images/phone.png);
    }

    .person-lock {
        width: 17px;
        height: 19px;
        background: url(../../../static/images/lock.png);
    }

    .login-index-form {
        width: 350px;
        margin: 0 auto;
    }

    .login-index-fd {
        position: relative;
    }

    .login-index-fd i {
        position: absolute;
        z-index: 100;
        top: 13px;
        left: 10px;
    }

    .login-index-fd-input {
        width: 350px;
        height: 45px;
        border-radius: 5px;
        border: 1px solid #dedede;
        text-indent: 38px;
        color: #4e4e4e;
        outline: none;
    }

    .login-index-fd-span {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: 100%;
        text-align: left;
        opacity: 0;
        color: #ff7878;
    }

    .login-index-fd-input-code {
        position: absolute;
        height: 43px;
        width: 90px;
        font-size: 14px;
        text-align: center;
        right: 10px;
        top: 1px;
        cursor: pointer;
        border: none;
        color: #5065cd;
    }

    .login-button {
        height: 45px;
        background-color: #5065cd;
        color: #fff;
        line-height: 45px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        margin: 0px auto 45px;
    }

    .policy-div {
        margin: 20px auto 45px;
        color: #666;
        font-size: 14px;
    }

    .policy-div a {
        display: inline-block;
        color: #5065cd;
    }

</style>
<div class="auth-body-warp">
    <div class="auth-body">
        <div class="body-middle">
            <div class="logo-img-parent">
                <img src="../../../static/images/logo.png"/>
            </div>

            <div class="mian-bg-wf">
                <img src="../../../static/images/GB.png" class="mian-bg-wf-close" id="close_btn"/>
                <div id="jsRegister" class="mian-bg-wf-top">
                    <div class="tacitly-style left-top-radius20 pitch-bg" id="change_login">登录</div>
                    <div class="tacitly-style right-top-radius20" id="change_register">注册</div>
                </div>

                <form class="login-index-form" id="login-index" style="display: block;">
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="personagePhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="personageCode"/>
                        <sapn class="login-index-fd-span">输入验证码</sapn>
                        <input type="text" value="获取验证码" readonly="" id="gainCode" class="login-index-fd-input-code"/>
                    </div>
                    <div class="login-button" id="loginButton">登录</div>
                </form>

                <form style="display: none;" id="register-index" class="login-index-form">
                    <div class="login-index-fd">
                        <i class="company-name"></i>
                        <input type="text" placeholder="公司名称" class="focus-input-border login-index-fd-input"
                               id="registerCompanyName"/>
                        <sapn class="login-index-fd-span">输入公司名称</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-head-img"></i>
                        <input type="text" placeholder="姓名" class="focus-input-border login-index-fd-input"
                               id="registerName"/>
                        <sapn class="login-index-fd-span">输入姓名</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="registerPhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="registerCode"/>
                        <sapn class="login-index-fd-span" id="input_code">输入验证码</sapn>
                        <input type="text" value="获取验证码" class="login-index-fd-input-code" readonly=""
                               id="register_gainCode"/>
                    </div>
                    <div class="login-button" id="registerButton">注册</div>
                    <div class="policy-div">注册即表示您同意 <a href="/agreement_page" target="_blank">服务条款</a> 和 <a
                            href="/privacy" target="_blank">隐私政策</a>。
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>

{#<div class="auth-body-warp-register" style="display: none;">#}
{#    <div class="auth-body">#}
{#        <div class="body-middle">#}
            {#            <form action="/register/" method="post" id="register-form">#}
{#            <div class="panel panel-default panel-single" id="panel-register">#}
{#                <img src="/static/images/colse2.png" class="close-img" id="login-close-register"/>#}
{##}
{#                <div class="panel-heading">#}
{#                    <p style="text-align: center;margin-top: 15px">#}
{#                        <img src="/static/images/logo.png"/>#}
{#                    </p>#}
{#                </div>#}
{#                <div class="panel-body">#}
{#                    <div id="div_id_username" class="row">#}
{#                        <div class="controls clearfix">#}
{#                            <div class="input-group input-group-lg">#}
{#                                <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>#}
{#                                <input class="form-control input-lg" maxlength="254" id="input_company_name"#}
{#                                       name="input_company_name" type="text"#}
{#                                       placeholder="企业名称">#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class="row">#}
{#                        <div class="controls clearfix">#}
{#                            <div class="input-group input-group-lg">#}
{#                                <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>#}
{#                                <input class="form-control input-lg" maxlength="254" id="principal" name="principal"#}
{#                                       type="text"#}
{#                                       placeholder="负责人">#}
{#                            </div>#}
{##}
{#                        </div>#}
{#                    </div>#}
{#                    <div class="row">#}
{#                        <div class="controls clearfix">#}
{#                            <div class="input-group input-group-lg">#}
{#                                <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>#}
{#                                <input class="form-control input-lg" maxlength="11" id="regist_mobile"#}
{#                                       name="regist_mobile"#}
{#                                       type="text"#}
{#                                       placeholder="手机号">#}
{#                            </div>#}
{##}
{#                        </div>#}
{#                    </div>#}
{#                    <div id="div_id_password" class="row">#}
{#                        <div class="controls clearfix">#}
{#                            <div class="input-group input-group-lg">#}
{#                                <span class="input-group-addon"><i class="fa fa-lock fa-fw"></i></span>#}
{#                                <input class="form-control input-lg" id="regist_code" name="regist_code"#}
{#                                       type="number"#}
{#                                       placeholder="验证码">#}
{#                                <input type="text" value="获取验证码"#}
{#                                       style="position: absolute;height: 43px;padding: 10px 0px;width: 90px;font-size: 14px;text-align: center;left: 198px;top:1px;cursor:pointer;"#}
{#                                       readonly="" id="zphone"/>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <button class="btn btn-lg btn-primary btn-block" type="submit" id="regist_by_mobile"#}
{#                            name="regist_by_mobile">注册#}
{#                    </button>#}
{#                </div>#}
{#            </div>#}
            {#            </form>#}
{#        </div>#}
{#    </div>#}
{#</div>#}
</body>
<script type="text/javascript" src="../../../static/js/jquery.js"></script>
<script type="text/javascript" src="../../../static/js/echarts.common.min.js"></script>
<script type="text/javascript" src="../../../static/js/dateRange.js"></script>
<script type="text/javascript" src="../../../static/js/monthPicker.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.sortable.js"></script>
<script type="text/javascript" src="../../../static/js/bootstrap.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.main.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.responsive.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.effect.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.plugin.themes.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.page.dashboard.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.plugin.portal.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.freetile.min.js"></script>
<script type="text/javascript" src="../../../static/js/base64.js"></script>

<script type="text/javascript" src="../../../static/js/top-common.js"></script>
<script type="text/javascript">

</script>
<script type="text/javascript">
    $(function () {
        $.ajax({
            url: '/get_all_appname',
            type: 'GET',
            success: function (data) {

                for (var i = 0; i < data.json_data.length; i++) {
                    $('.select-ul').append('<li>' + data.json_data[i].app_name + '</li>')

                }
            }
        })

        $("#login-close,#login-close-register").click(function () {
            $(".auth-body-warp,.auth-body-warp-register").hide();
        })


        $(document).on("click", function (e) {
            $(".select-ul").slideUp();
            $(".search-select").slideUp();
            {#e.stopPropagation(); #}
            $('#buttonList').slideUp();

        })

        //点击下拉选项，生成标签
        $(document).on("click", ".select-ul li", function () {
            if (get_payLoad() == null) {
                alert("请先登录或注册！");
                $(".auth-body-warp").show();
                return
            }
            not_add = "false"
            var thisConten = $(this).text();
            if (thisConten == '平台' || thisConten == '行业' || thisConten == '投放类型' || thisConten == '投放目标') {
                return
            }
            $("#partitionLine,#labelExplain").fadeIn();
            $('.label-explain-content span').each(function () {
                if ('fs12 span' == $(this).eq().context.className) {
                    if (thisConten == $(this).context.innerText.replace(' ', '')) {
                        alert('已选相同标签！')
                        not_add = true
                        return
                    }

                }

            })
            if (not_add == true) {
                return
            }
            select_type = $(this).parent($(ul)).children()[0].innerHTML

            $(".label-explain-content").append('<span class="fs12 span" data="' + select_type + '">' + thisConten + ' <img src="../../../static/images/x.png"/ class="img-click"></span>')
            //设置第一页
            sessionStorage.setItem('page', 0);
            $('.single-page').remove()
            createLi()
        })

        //搜索部分：点击下拉选项
        $(document).on("click", ".search-select li", function () {


            $('#search').html($(this)[0].innerText)


        })

        $(".outer-li .outer-li-alone").click(function () {
//				$(this).css({border:"1px solid #428bca",color:"#428bca"})
//				$(this).parent().addClass("a-border-color");
//				$(this).addClass("a-border-color");
//				$(this).siblings('li').removeClass('selected');
        })

        var dateRange1 = new pickerDateRange('date1', {
            isTodayValid: true,
            startDate: '广告发布时间',
            endDate: '',
            needCompare: false,
            defaultText: ' 至 ',
            autoSubmit: true,
            inputTrigger: 'input_trigger1',
            theme: 'ta',
            success: function (obj) {
                if (get_payLoad() == null) {
                    alert("请先登录或注册！")
                    return
                }
                sessionStorage.setItem('page', 0)
//						$("#dCon2").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
                $("#foundTime").html('<span class="fs12 span" id="public_time">广告发布时间: ' + obj.startDate + '~' + obj.endDate + ' <img src="../../../static/images/x.png" class="img-click"/></span>');
                $("#date1").html('广告发布时间');
                $("#partitionLine,#labelExplain").fadeIn();
                $('.single-page').remove()
                createLi()
            }
        });

        var dateRange1 = new pickerDateRange('date2', {
            isTodayValid: true,
            startDate: '广告发现时间',
            endDate: '',
            needCompare: false,
            defaultText: ' 至 ',
            autoSubmit: true,
            inputTrigger: 'input_trigger2',
            theme: 'ta',
            success: function (obj) {
                if (get_payLoad() == null) {
                    alert("请先登录或注册！")
                    return
                }
                sessionStorage.setItem('page', 0)
//						$("#dCon2").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
                $("#finallyTime").html('<span class="fs12 span" id="discover_time">广告发现时间: ' + obj.startDate + '~' + obj.endDate + ' <img src="../../../static/images/x.png" class="img-click"/></span>');
//						$(".label-explain-content").append('<span class="fs12">广告发布时间: '+ obj.startDate +' <img src="../../../static/images/x.png"/></span>');
                $("#date2").html('广告发现时间');
                $("#partitionLine,#labelExplain").fadeIn();
                $('.single-page').remove()
                createLi()
            }
        });
    })

    var wrap = document.querySelector("#list-ul");
    var ul = document.querySelectorAll("#list-ul ul"); //声明元素块
    //	//创建一个滚动事件
    sessionStorage.setItem('page', 0);

    function createLi() {

        public_time = $('#public_time').text()
        discover_time = $('#discover_time').text()
        if (public_time != '' || public_time != ' ') {
            public_time = public_time.replace('广告发布时间: ', '').replace(' ', '')
        }
        if (discover_time != '' || discover_time != ' ') {
            discover_time = discover_time.replace('广告发现时间: ', '').replace(' ', '')
        }

        app_from = ''

        $('.label-explain-content span').each(function () {

            if ('fs12 span' != $(this).eq().context.className) {
                return
            }
            if ($(this).attr("data") != undefined) {
                app_from = app_from + $(this).text() + ','
            }
            //else if ($(this).attr("data") == '投放目标') {
            //    put_goal = put_goal + $(this).text() + ','
            //}
        })
        //search_select = $('#search').text()
        search_text = $('.grabble-input').val()
        page = parseInt(sessionStorage.getItem('page')) + 1

        //session存储分页信息
        sessionStorage.setItem('page', page)
        var tooken = getCookie('tooken')
        $.ajax({
            url: '/getData',
            type: 'get',
            headers: {
                Accept: "application/json; charset=utf-8",
                Authorization: "Bearer " + tooken
            },
            data: {
                page: page,
                pageSize: 10,
                public_time: public_time,
                discover_time: discover_time,
                //search_select: search_select,
                search_text: search_text,
                app_from: app_from,
            },
            success: function (data) {

                if (data.json_data.length == 0) {
                    if ($('.single-page').length == 0) {
                        alert("暂无搜索结果")
                        return
                    }
                }
                appendLi(data)
                {#$("#list-ul").freetile({animate: true, elementDelay: 0});#}
                $("#list-ul").freetile();
            }
        })


    }

    function appendLi(data) {


        {#$('#all_count').html('找到' + data.show_count + '条匹配的广告 ' + '<a style="display: inline-block;color: #6d95c2;" href="javasrcipt:;" id="show_count"> / 成为会员查看' + data.all_count + '条' + '</a>')#}
        for (i = 0; i < data.json_data.length; i++) {
            collectImg = "../../../static/images/x1.png"
            if (data.json_data[i].is_collect == 1) {
                collectImg = "../../../static/images/x2.png"
            }

            var text = '<div class="single-page">\
		          		<div class="collect-button">\
							<span class="span-right" id="spanRight">\
								<div class="a-button"><a onclick="jumpad(\'' + data.json_data[i].url + '\');">详&nbsp情</a></div>\
								<div class="more a-button" id=' + data.json_data[i].id + '><a >更&nbsp多</a></div>\
								<img src="' + collectImg + '" data-id=' + data.json_data[i].id + ' class="heat-img" id="heatImg" style="width: 25px;height: 25px;"/ >\
							</span>\
						</div>\
						<hr />\
			            <div class="li-titel">\
			              <img src=' + data.json_data[i].logo + ' class="head-logo" / >\
			              <span class="fw700 c3 fs16 padding-left05">' + data.json_data[i].app_name + '</span>\
			            </div>\
			            <a >\
			            	<div class="head-content fs14">' + data.json_data[i].title + '</div>\
				            <div class="mian-img-div">\
				            	<img src="' + '/images/'+data.json_data[i].app_id+'/'+data.json_data[i].local_img + '" class="mian-img"/>\
				            </div>\
			            </a>\
			            <div class="li-heat head-content">\
			            	<span><img src="../../../static/images/1.png" class="heat-img"/ > ' + data.json_data[i].discover_day_time + '</span>\
			            	<span><img src="../../../static/images/2.png" class="heat-img"/ > ' + data.json_data[i].read_count + '</span>\
			            	<span><img src="../../../static/images/3.png" class="heat-img"/ > ' + data.json_data[i].share_count + '</span>\
			            </div>\
					</div>';
            $("#list-ul").append(text);
        }
    }


    createLi()


    $(window).scroll(function () {
        var scrollTop = $(this).scrollTop();
        var scrollHeight = $(document).height();
        var windowHeight = $(this).height();
        if (scrollTop + windowHeight == scrollHeight) {
            var tooken = getCookie("tooken")
            if (getCookie("tooken") != "" && getCookie("tooken") != "null") {
                var token_split = getCookie("tooken").split('.')
                var payload = token_split[1]
                var str = Base64.decode(payload);
                var str1 = unescape(str.replace(/\\u/g, '%u'))
                var obj = JSON.parse(str1);
                createLi();
            }
            else {
                alert("登录后加载更多！")
            }

        }
    });

    //点击收藏响应事件
    $(document).on("click", "#heatImg", function () {

        if (getCookie("tooken") == "" || getCookie("tooken") == "null") {
            alert("请先登录或注册")
            $(".auth-body-warp").show();
            return
        }

        var imgUrl = '../../../static/images/x1.png';
        var newImgUrl = $(this).attr("src");
        if (imgUrl == newImgUrl) {      //收藏
            id = $(this).attr("data-id");
            $.ajax({
                url: '/collect/',
                type: 'post',
                dataType: "json",
                data: {
                    id: id,
                },
                success: function (data) {

                    var collected = "collected"
                    if (data.json_data != collected) {
                    }
                }

            })

            $(this).attr("src", "../../../static/images/x2.png");
        } else {        //取消收藏

            id = $(this).attr("data-id");
            $.ajax({
                url: '/collect/',
                type: 'post',
                dataType: "json",
                data: {
                    id: id,
                },
                success: function (data) {
                    var deleted = "deleted"
                    if (data.json_data != deleted) {
                        alert("error")
                    }
                }

            })
            $(this).attr("src", "../../../static/images/x1.png");
        }
    })


    var t1 = null;




    $(document).on("click", ".img-click", function () {

            $(this).parent($("span")).remove()

            //点击删除选项标签重新加载列表
            sessionStorage.setItem('page', 0);
            $('.single-page').remove()
            createLi()

        }
    )

    var t1 = null;


    //点击下拉选项生成标签
    $(document).on("click", ".outer-li .select-a", function (e) {
        e.stopPropagation();
        {#$(".select-ul").slideUp();#}
        {#$(".search-select").slideUp();#}
        $(this).next(".search-select").slideToggle();
        $(this).next(".select-ul").slideToggle();
    })







    //搜索按钮点击响应事件
    $('#search_ad').click(function () {
        if (get_payLoad() == null) {
            alert("请先登录或注册！")
            $(".auth-body-warp").show();
            return
        }
        //删除筛选标签，重新搜索，并移除标签div
        $(".label-explain-content .span").remove()
        $("#partitionLine,#labelExplain").fadeOut();
        sessionStorage.setItem('page', 0);
        $('.single-page').remove()
        createLi()
    })





    $(document).on("click", ".label-explain-content .span", function () {
        $(this).remove();
        var spanLength = $(".label-explain-content .span").length
        if (spanLength == 0) {
            $("#partitionLine,#labelExplain").fadeOut();
        }

    })

//点击"更多”新建窗口跳转页面
$(document).on("click", ".more", function () {
    if (get_payLoad() == null) {
        alert("请先登录或注册！");
        $(".auth-body-warp").show();
        return
    }
    title = $(this).parent($("span")).parent("div").parent("div").children("a")[0].innerText
    id = $(this).attr('id')

    window.open("/index_details?id=" + id);
})



</script>

</html>